Top 14 Stunning JavaScript Popup Image Compilation

1. Fullwidth Audio Player - jQuery plugin

featured image

Unlimited color variation, no JavaScript image gallery are used

Using the Javascript sdk for streaming soundcloud tracks

popUp();

More Details

2. Estro - jQuery Ken Burns & swipe effect slider

featured image

This preloading images jQuery plugin uses unobstrusive javascript to transform a block of HTML slider jQuery markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. When using this plugin, your page layout will be consistent even if javascript has been disabled.To drastically reduce page loading times, lazy loading can be activated on a per image basis, so that images will only be loaded right before they need to be shown.Added work around to prevent the shadow from falling behind a parent div’s background image/color in certain configurations

“I have been using a flash based image slider viewer for over 7 years on my website as no jQuery had up to now come close.Won’t break layout if javascript disabled.Optional animated popup preview thumbnails, including a Ken Burns transition.

More Details

3. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.

More Details

4. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery.Image Binding

More Details

5. Hotspotter - Hotspot Maker jQuery Plugin

featured image

Share your spots “have a direct link to it , when navigating to this link the browser window will scroll down to where the image is located & trigger spot”

Easily control spots with javascript

Test custom image spots directly in it

- fixed bug that prevented using image spots with aiming effect

- Editor: Fixed bug in image spots positioning & inclusion

- Plugin: image spots become responsive

- Plugin: image spot will also hover with aim effect

- Editor: improvement in image loading

- Editor: improvement in image spots markup

- Editor: use aiming effect with custom image spots

More Details

6. Popover Product Showcase jQuery Plugin

featured image

13 Jun 2012: Stop the video when navigate to other item or close the popup window.14 Nov 2011: Add Youtube/Vimeo support, fix the missing arrow buttons, make the big image clickable etc. The compressed javascript is only 2kb.

More Details

7. Nex - Blazing Fast FullScreen Slider

featured image

<script type="text/javascript" src="http://code. <script type="text/javascript" src="Animo. <script type="text/javascript" src="nex. <script type="text/javascript" src="https://maps.Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map

More Details

8. jQuery Mega Image Viewer - animated zoom and pan

featured image

The mega slideshow JavaScript image jQuery plugin allows you to easily replace <div> tagswith animated image viewers. Viewer used for displaying high-resolution object (image – JPG, PNG, GIF). Cross-browser compatible – Image Viewer is compatible with IE, CHROME, FIREFOX, OPERA, SAFARI.Addition popup windows on the hotspot. set image source from javascript {“contentUrl” : “images/my_image. set image source from html <img src=”images/my_image. Addition popup windows on the hotspot. Set image scale method.

More Details

9. Image Crop

featured image

The UI differs from other croppers, here you may drag the image into position and even resize it. The UI differs drastically from traditional image croppers. For example, if the image proporations do not scale to the predetermined aspect ratio, then the image will automatically zoom in until it does scale. You haven’t got to touch any JavaScript.php file, where the image is cropped using imagemagick.

More Details

10. Panoramic - Full Screen Street View Rotator

featured image

Panoramic is a datetime JavaScript library allows you to use Google Street View in the background of the web page.For desktops devices panoramas can rotate automatically, for mobile device shows a static image of this panorama.

More Details

11. li JQuery Slider/Image Rotator

featured image

li JQuery JavaScript image slider / banner rotator with many cool features.jQuery Slider Banner Image Rotator for HTML

li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!

This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.Easy to Use and Modify – it is extremely easy to use powerful slider/banner image rotator.Multiple Sliders / Banners – you can have many slider/image rotators on single HTML page.gif and LightBox enabled and the linked image will be displayed in Lightbox modal window activated.PrettyPhoto Support - when a link is included and the link points to YouTube, Vimeo, an image or QuickTime move, li-slider automatically will recognize what is the link type and will display it in a modal window.Tooltip – when you hover the small slide buttons, a thumbnail will popup. If you use image the thumbnail will be automatically generated so you do not need to create the thumbnails. If set to text, use the alt property of the image to include the tooltip text. This means that if you need to change the slider you do not need to tweak the JavaScript code. We pre-loaded li jQuery Slider with total of 104 transitions, so you can open up your imagination and create the most impressive sliders, ads banners and image rotators. li jQuery Slider / Banner Image rotator has native support for skins. Adding a new slide is a breeze – simply add one li tag with an image within. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders. Maybe you need to update your banner? Maybe the show dates changed or the product price in your ad has change? No problem, simply upload the new image with the same name, and you have a brand new ad.Although we can’t promise huge free upgrades, we’d love to hear what you think about li jQuery Image Slider/Rotator and some of your suggestions will be implemented in the future versions.

More Details

12. JSCalendar

featured image

JSCalendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. Supports inline and popup mode. Supports slide window, you can define image and text.

More Details

13. jQuery Time Picker

featured image

Background image (2 provided)

Showing “am” / “pm” sufix in popup window.

More Details

14. Sky Forms Pro

featured image

Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.jQuery UI DatepickerAttaches a JavaScript popup image to your input fields or shows an inline calendar for selecting individual dates or date ranges.

More Details